<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/index.css"/>
	</head>
	<body>
		<!-- head -->
		<div class="head">
			<div class="content">
				<h3>
					<a href="#"></a>
				</h3>
				<ul>
					<li>
						<span></span>
						<a href="">发现音乐</a>
					</li>
					<li>
						<span></span>
						<a href="">我的音乐</a>
					</li>
					<li>
						<span></span>
						<a href="">朋友</a>
					</li>
					<li>
						<span></span>
						<a href="">商城</a>
					</li>
					<li>
						<span></span>
						<a href="">音乐人</a>
					</li>
					<li>
						<span></span>
						<span></span>
						<a href="">下载客户端</a>
					</li>
				</ul>
				<div class="right">
					<div>
						<a href="#"></a>
						<input type="text" placeholder="音乐/视频/电台/用户" class="text"/>
					</div>
					<a href="#">创作者中心</a>
					<a href="#">登录</a>
				</div>
				
			</div>
		</div>
		<!-- link -->
		<div class="link">
			<div class="content">
				<ul>
					<li><a href="#">推荐</a></li>
					<li><a href="#">排行榜</a></li>
					<li>
						<span></span>
						<a href="#">歌单</a>
					</li>
					<li><a href="#">主播电台</a></li>
					<li><a href="#">歌手</a></li>
					<li><a href="#">新碟上架</a></li>
				</ul>
			</div>
		</div>
		<!-- banner -->
		<div class="banner">
			
			<div class="content">
				<div class="left-t">
					<a></a>
				</div>
				<div class="right-t">
					<a></a>
				</div>
				<div class="left">
					<img src="img/lut-8.jpg"/>
				</div>
				<div class="right">
					<a href="#"></a>
					<p>PC 安卓 iPhone WP iPad Mac 六大客户端</p>
				</div>
			</div>
		</div>
		<!-- con -->
		<div class="con">
			<div class="content">
				<div class="left">
					<div class="top">
						<div class="logo">
							<h3>热门推荐</h3>
							<a href="#">华语</a>
							<a href="#">流行</a> 
							<a href="#">摇滚</a>
							<a href="#">民谣</a>
							<a href="#">电子</a>
							<a href="#">更多</a>
						</div>
						<div class="link2">
							<dl>
								<dt><img src="img/logo2.png      "/></dt>
								<dd>青春重置计划</dd>
							</dl>
							<dl>
								<dt><img src="img/logo2.png      "/></dt>
								<dd>青春重置计划</dd>
							</dl>
							<dl>
								<dt><img src="img/logo2.png      "/></dt>
								<dd>青春重置计划</dd>
							</dl>
							<dl>
								<dt><img src="img/logo2.png      "/></dt>
								<dd>青春重置计划</dd>
							</dl>
							<dl>
								<dt><img src="img/logo2.png      "/></dt>
								<dd>青春重置计划</dd>
							</dl>
							<dl>
								<dt><img src="img/logo2.png      "/></dt>
								<dd>青春重置计划</dd>
							</dl>
							<dl>
								<dt><img src="img/logo2.png      "/></dt>
								<dd>青春重置计划</dd>
							</dl>
							<dl>
								<dt><img src="img/logo2.png      "/></dt>
								<dd>青春重置计划</dd>
							</dl>
						</div>
					
					</div>
					<div class="bottom">
						<div class="logo">
							<h3>新碟上架</h3>
							<a href="#">更多</a>
						</div>
						<div class="rank">
							<dl>
								<dt>
									
										<img src="img/left-3-1.jpg"/>
									
									<a>云音乐飙升榜</a>
									<a></a>
									<a></a>
								</dt>
								<dd>
									<ul>
										<li>
											<span>1</span>
											<a>时光倒流</a>
										</li>
										<li><span>2</span><a>时光倒流</a></li>
										<li><span>3</span><a>时光倒流</a></li>
										<li><span>4</span><a>时光倒流</a></li>
										<li><span>5</span><a>时光倒流</a></li>
										<li><span>6</span><a>时光倒流</a></li>
										<li><span>7</span><a>时光倒流</a></li>
										<li><span>8</span><a>时光倒流</a></li>
										<li><span>9</span><a>时光倒流</a></li>
										<li><span>10</span><a>时光倒流</a></li>
										<li><a>查看全部></a></li>
									</ul>
								</dd>
							</dl>
							<dl>
								<dt>
									
										<img src="img/left-3-1.jpg"/>
									
									<a>云音乐飙升榜</a>
									<a></a>
									<a></a>
								</dt>
								<dd>
									<ul>
										<li><span>1</span><a>时光倒流</a></li>
										<li><span>2</span><a>时光倒流</a></li>
										<li><span>3</span><a>时光倒流</a></li>
										<li><span>4</span><a>时光倒流</a></li>
										<li><span>5</span><a>时光倒流</a></li>
										<li><span>6</span><a>时光倒流</a></li>
										<li><span>7</span><a>时光倒流</a></li>
										<li><span>8</span><a>时光倒流</a></li>
										<li><span>9</span><a>时光倒流</a></li>
										<li><span>10</span><a>时光倒流</a></li>
										<li><a>查看全部></a></li>
									</ul>
								</dd>
							</dl>
							<dl>
								<dt>
									
										<img src="img/left-3-1.jpg"/>
									
									<a>云音乐飙升榜</a>
									<a></a>
									<a></a>
								</dt>
								<dd>
									<ul>
										<li><span>1</span><a>时光倒流</a></li>
										<li><span>2</span><a>时光倒流</a></li>
										<li><span>3</span><a>时光倒流</a></li>
										<li><span>4</span><a>时光倒流</a></li>
										<li><span>5</span><a>时光倒流</a></li>
										<li><span>6</span><a>时光倒流</a></li>
										<li><span>7</span><a>时光倒流</a></li>
										<li><span>8</span><a>时光倒流</a></li>
										<li><span>9</span><a>时光倒流</a></li>
										<li><span>10</span><a>时光倒流</a></li>
										<li><a>查看全部></a></li>
									</ul>
								</dd>
							</dl>
						</div>
					</div>
				</div>
				<div class="right">
					<div class="register">
						<p>登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>
						<a>用户登录</a>
					</div>
					<div class="middle">
					<div class="des">
					<h3>入驻歌手</h3>
					<a>查看全部></a>
					</div>
					<dl>
						<dt><img src="img/zhang.png"/></dt>
						<dd>
							<p>张惠妹amei</p>
							<p>台湾歌手张惠妹</p>
						</dd>
					</dl>
					<dl>
						<dt><img src="img/zhang.png"/></dt>
						<dd>
							<p>张惠妹amei</p>
							<p>台湾歌手张惠妹</p>
							
						</dd>
					</dl>
					<dl>
						<dt><img src="img/zhang.png"/></dt>
						<dd>
							<p>张惠妹amei</p>
							<p>台湾歌手张惠妹</p>
						</dd>
					</dl>
					<dl>
						<dt><img src="img/zhang.png"/></dt>
						<dd>
							<p>张惠妹amei</p>
							<p>台湾歌手张惠妹</p>
							
						</dd>
					</dl>
					<dl>
						<dt><img src="img/zhang.png"/></dt>
						<dd>
							<p>张惠妹amei</p>
							<p>台湾歌手张惠妹</p>
						</dd>
					</dl>
					<a class="a1">申请成为网易音乐人</a>
					</div>
					<div class="bottom2">
						<h3>热门主播</h3>
						<dl>
							<dt><img src="img/1.png"/></dt>
							<dd>
								<p>陈立</p>
								<p>心理学家、美食家陈立教授</p>
							</dd>
						</dl>
						<dl>
							<dt><img src="img/1.png"/></dt>
							<dd>
								<p>陈立</p>
								<p>心理学家、美食家陈立教授</p>
							</dd>
						</dl>
					</div>
				</div>
			</div>
		</div>
		<!-- footer -->
		<div class="footer">
			<div class="content">
				<div class="left">
				<div class="a">
					<a href="#">服务条款</a><span>|</span>
					<a href="#">隐私政策</a><span>|</span>
					<a href="#">儿童隐私政策</a><span>|</span>
					<a href="#">版权投诉指引</a><span>|</span>
					<a href="#">意见反馈</a><span>|</span>
				</div>
					<p> 网易公司版权所有 &copy 1997-2020杭州乐读科技有限公司运营：浙网文[2018]3506-263号 </p>
					<p> 违法和不良信息举报电话：0571-89853516 举报邮箱：ncm5990@163.com </p>
					<p> 粤B2-20090191-18工业和信息化部备案管理系统网站 </p>
					</div>
				 <div class="right">
					 <dl>
						<dt><a href="#"></a></dt>
						<dd><span>用户认证</span></dd>
					</dl>
					<dl>
						<dt><a href="#"></a></dt>
						<dd><span>独立音乐人</span></dd>
					</dl>
					<dl>
						<dt><a href="#"></a></dt>
						<dd><span>赞赏</span></dd>
					</dl>
					<dl>
						<dt><a href="#"></a></dt>
						<dd><span>视频奖励</span></dd>
					</dl>			
				 </div>
			 </div>
		</div>
	</body>
</html>
